<template>
  <div>
    <OrgModal ref="orgModal" @close="closeOrgModal" />
    <el-dialog v-model="state.isShow" :title="state.title" width="600px" draggable>
      <div style="height: 500px">
        <el-form ref="formRef" :model="form" label-width="140px">
          <el-form-item label="处理意见">
            <el-input v-model="form.opnot" type="textarea" :rows="4" placeholder="待实现" />
          </el-form-item>
          <el-form-item label="操作">
            <el-radio-group v-model="form.opkey" @change="opChange">
              <el-radio label="finalpass">终审通过</el-radio>
              <el-radio label="jump">前后跳转</el-radio>
              <el-radio label="abandon">直接废弃</el-radio>
            </el-radio-group>
          </el-form-item>
        </el-form>
      </div>
      <template #footer>
        <span class="dialog-footer">
          <el-button type="primary" @click="closeModal">确认</el-button>
          <el-button @click="state.isShow = false">取消</el-button>
        </span>
      </template>
    </el-dialog>
  </div>
</template>

<script lang="ts" setup>
import { defineExpose, reactive, toRefs } from 'vue';
import OrgModal from '/@/comps/sys/OrgModal.vue';

const state = reactive({
  isShow: false,
  basid: '',
  title: '',
  cotag: false,
  name: '节点名称：',
  notes: '节点备注：',
  list: [] as any,
  form: {
    flway: '1',
    remod: '1',
    opway: '1',
    type: 'bpmn:UserTask',
    crops: [
      { ornum: 1, type: '1', name: '催办' },
      { ornum: 2, type: '2', name: '撤回' },
      { ornum: 3, type: '3', name: '废弃' },
    ],
    haops: [
      { ornum: 1, type: '1', name: '通过' },
      { ornum: 2, type: '2', name: '驳回' },
      { ornum: 3, type: '3', name: '转办' },
      { ornum: 4, type: '4', name: '沟通' },
      { ornum: 5, type: '5', name: '废弃' },
    ],
    events: [],
  } as any,
  tabna: '',
});

const open = async () => {
  // console.log(shape.businessObject.$attrs);
  state.isShow = true;
};

defineExpose({ open });

const { form } = toRefs(state);
</script>

<style scoped></style>
